<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" style="width:100%; height:100%">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>小吃</title>
<link rel="stylesheet" href="css/index.css" type="text/css" />
<script src="../3-动态界面/jquery-3.2.1.js"></script>
<script type="text/javascript" src="../3-动态界面/js/index.js"></script>
<meta charset="gb2312"/>  
</head>
<body>
<center>
<div class="mz">
	<div class="bt">APP</div>
    <div class="daohang">
<ul>
    <li>中餐</li>
    <li>甜品</li>
    <li>饮料</li>
</ul>
	</div>
</div>

<div class="cd"  onmouseover="style.backgroundColor='#CCC'" onmouseout="style.backgroundColor='#FFF'" style="margin-top:221.75px;">
	<div class="tp"><img src="images/1.jpg" width="500" height="373" alt="img1" style=" width:167px; height:124px;"/></div>
    <div class="mc">炸虾</div>
    <div class="jg">价格：43</div>
    <input id="btn" name="btn1" type="button" value="查看" onclick="cdClick()"style="width:100px; height:70px;">
</div>


<div class="cd">
    <div class="tp"><img src="images/2.jpg" width="500" height="373" alt="img1" style=" width:167px; height:124px;"/></div>
    <div class="mc">水煮鱼</div>
    <div class="jg">价格：43</div>
    <input id="btn" name="btn1" type="button" value="查看" onclick="cdClick()"style="width:100px; height:70px;">
</div>

<div class="cd">
    <div class="tp"><img src="images/3.jpg" width="500" height="373" alt="img1" style=" width:167px; height:124px;"/></div>
    <div class="mc">麻辣豆腐</div>
    <div class="jg">价格：43</div>
    <input id="btn" name="btn1" type="button" value="查看" onclick="cdClick()"style="width:100px; height:70px;">
</div>

<div class="cd">
    <div class="tp"><img src="images/4.jpg" width="500" height="373" alt="img1" style=" width:167px; height:124px;"/></div>
    <div class="mc">蛋葱花</div>
    <div class="jg">价格：43</div>
    <input id="btn" name="btn1" type="button" value="查看" onclick="cdClick()"style="width:100px; height:70px;">
</div>

<div class="cd">
    <div class="tp"><img src="images/5.jpg" width="500" height="373" alt="img1" style=" width:167px; height:124px;"/></div>
    <div class="mc">鱼干</div>
    <div class="jg">价格：43</div>
    <input id="btn" name="btn1" type="button" value="查看" onclick="cdClick()"style="width:100px; height:70px;">
</div>

<div class="cd">
    <div class="tp"><img src="images/6.jpg" width="500" height="373" alt="img1" style=" width:167px; height:124px;"/></div>
    <div class="mc">糖醋排骨</div>
    <div class="jg">价格：43</div>
    <input id="btn" name="btn1" type="button" value="查看" onclick="cdClick()"style="width:100px; height:70px;">
</div>

<div class="cd">
    <div class="tp"><img src="images/7.jpg" width="500" height="373" alt="img1" style=" width:167px; height:124px;"/></div>
    <div class="jg">价格：43</div>
    <div class="mc">干炒牛肉</div>
    <input id="btn" name="btn1" type="button" value="查看" onclick="cdClick()"style="width:100px; height:70px;">
</div>

<div class="cd">
    <div class="tp"><img src="images/8.jpg" width="500" height="373" alt="img1" style=" width:167px; height:124px;"/></div>
    <div class="mc">肝</div>
    <div class="jg">价格：43</div>
    <input id="btn" name="btn1" type="button" value="查看" onclick="cdClick()"style="width:100px; height:70px;">
</div>

<div class="cd9">
    <div class="tp"><img src="images/9.jpg" width="500" height="373" alt="img1" style=" width:167px; height:124px;"/></div>
    <div class="mc">菜式（9）</div>
    <div class="jg">价格：43</div>
    <input id="btn" name="btn1" type="button" value="查看" onclick="cdClick()"style="width:100px; height:70px;">
</div>
</center>
</body>
</html>
